<script lang="ts">
  export let size = "1em";
  export let color = "currentColor";
  export let className = "";
</script>

<svg
  height={size}
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  class={className}
  aria-label="Filter filled icon"
>
  <path
    d="M8.87505 13.2513L3 3.25015H21.1933L15.125 13.2513V20.7522C15.125 21.4166 14.6068 21.96 13.9525 22L8.87505 18.2858V13.2513Z"
    fill={color}
  />
  <path
    d="M10.75 12.5645V19.6574L8.87505 18.2858V13.2513L2.29577 5.47497C2.10479 5.24924 2 4.96313 2 4.66744V3.25015C2 2.55971 2.55964 2 3.25 2H20.75C21.4404 2 22 2.55971 22 3.25015V4.66744C22 4.96313 21.8952 5.24924 21.7042 5.47497L15.125 13.2513V20.7522C15.125 21.4166 14.6068 21.96 13.9525 22L13.25 21.4862V12.5645L20.125 4.43847V3.87523H3.875V4.43847L10.75 12.5645Z"
    fill={color}
  />
</svg>
